<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>任务分配</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link href="/ag/lzw/css/main.css" rel="stylesheet" type="text/css" />
	<link href="/ag/lzw/css/popup.css" rel="stylesheet" type="text/css" />
    <link href="/ag/lzw/css/task.css" rel="stylesheet" type="text/css" />
    <link href="/ag/css/changeBgColor.css" rel="stylesheet" type="text/css" />
    
    
    <script type="text/javascript" src="/ag/js/jquery-1.4.2.min.js"></script>
	<!-- Jquery获取事件的插件 -->
	<script type="text/javascript" src="/ag/My97DatePicker/WdatePicker.js" defer="defer"></script>
	<script type="text/javascript" src="/ag/lzw/js/jquery.cookie.js"></script>
	<!-- Task.html自身的JS脚本文件 -->
	<script type="text/javascript" src="/ag/lzw/js/addnewtask.js"></script>
	<script type="text/javascript" src="/ag/lzw/js/addtask.js"></script>
	
	<script type="text/javascript" src="admin/js/selDeptAndRole.js"></script> 
	<script type="text/javascript" src="/ag/js/changeBgColor.js"></script>
	
	<style type="text/css">
		body { font-size: 62.5%;margin-left:0;margin-top:0;margin-right:0; }
	</style>
	
  </head>
  
  <body>
		<div style="height: 15px"></div>
		<div id="task" align="center" style="display: block">
			<form id="form" name="form1" method="post" action="">
				<table border="0" cellspacing="0" cellpadding="0" width="98%" align="center">
					<tbody>
						<tr>
							<td height="30">
								<table border="0" cellspacing="0" cellpadding="0" width="100%">
									<tbody>
										<tr>
											<td height="30" width="15">
												<img src="/ag/tab/images/tab_03.gif" width="15" height="30" />
											</td>
											<td background="/ag/tab/images/tab_05.gif" style="text-align: center;">
												&nbsp;
											</td>
											<td width="14">
												<img src="/ag/tab/images/tab_07.gif" width="14" height="30" />
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
						<tr>
							<td>
								<table border="0" cellspacing="0" cellpadding="0" width="100%">
									<tbody>
										<tr>
											<td background="/ag/tab/images/tab_12.gif" width="9">
												&nbsp;
											</td>
											<td bgcolor="#dceffd">
												<table width="98%" height="98%" border="0" cellpadding="3" cellspacing="1" 
												       align="center" style="background-color: #1177bd" id="taskTable">
													<tr class="tabletr">
														<td height="38" colspan="3" valign="top">
															<div id="findSucc" style="margin-top: 20px; color: #000; margin-left: 50px; font-size: 16px; margin-bottom: 20px; font-size: 16px;">
																<img src="/ag/lzw/images/config.png" />
																<span style="color: #960; margin-left: 5px;">任务分配</span>
															</div>
														</td>
													</tr>
													<tr class="tabletr">
														<td height="38" colspan="3" valign="top">
															<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
																<tr>
																	<td>
																		<table width="100%" border="0" cellspacing="0" cellpadding="0">
																			<tr>
																				<td colspan="3">
																					<span style="color: #960; font-size: 16px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px; display: block;">
																					                  任务列表：
																					</span>
																				</td>
																			</tr>
																			<tr>
																				<td width="9">
																					&nbsp;
																				</td>
																				<td bgcolor="#f3ffe3">
																					<table width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#1177bd"
																						class="newtable" id="newTable" >
																						<tr>
																							<td width="10%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									任务号
																								</div>
																							</td>
																							<td width="10%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									任务名称
																								</div>
																							</td>
																							<td width="40%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									任务内容
																								</div>
																							</td>
																							<td width="22%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									执行部门
																								</div>
																							</td>
																							<td width="12%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								<div align="center" class="STYLE2">
																									分派时间
																								</div>
																							</td>
																							<td width="6%" height="18"
																								background="/ag/tab/images/tab_14.gif" class="STYLE1">
																								
																							</td>
																						</tr>
																					</table>
																				</td>
																				<td width="9">
																					&nbsp;
																				</td>
																			</tr>
																		</table>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<!-- 任务添加列表 -->
													<tr class="tabletr">
														<td height="38" colspan="3" valign="top">
															<div class="ulli">
															 	<form>
																</form>															
                                                                <form  id="taskForm" method="get" action="">
	                                                                <table>
		                                                              <tbody>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">任务名称：</span>
																		      <input type="text" id="taskName" name="taskName" style="width: 360px" />
																           </td>
																           <td></td>   
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">任务内容：</span>
																              <textarea rows="10" style="width: 360px;" id="taskContext" >
																		      </textarea>
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">指派部门：</span>
																		      <input style="display:none;" type="text" id="taskDept" name="taskDept" style="width: 280px" />
																		      <span id="deptRestult"></span>
																		      <input type="button" value="选择部门" style="height:25px;width:80px;" id="selectDept"/>
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">分派时间：</span>
																		      <input type="text" id="taskTime" class="Wdate" name="taskTime"
																		             onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" />
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td>
																              <span class="span_n" style="color: #960;">添加附件：</span>
																		      <input type="file" name="fileField" id="fileField" />
																		      <input type="button" name="upFile" id="upFile" value="上传附件" />
																           </td>
																           <td></td>
																        </tr>
																        <tr>
																           <td style="font-size: 16px;">
																              <span class="span_n" style="color: #960;">通知方式：</span>
																		      <input name="checkbox" type="checkbox" id="checkbox1"  />
																		                  短信
																		      <input type="checkbox" name="checkbox2" id="checkbox2" />
																		                  电话
																           </td>
																        </tr>
																        <tr>
																           <td class="read_agree">
																              <input type="button" value="添加任务" style="width: 90px; height: 30px;" id="addTask" />
																           </td>
																        </tr>
																    </tbody>
		                                                         </table>
                                                              </form>					
															</div>
														</td>
													</tr>
													<!-- 添加任务完成按钮 -->
													<tr class="tabletr">
														<td height="70" colspan="3" valign="top">
															<div style="text-align: center; margin-top: 10px;">
																<img src="/ag/lzw/images/finish.png" style="cursor: pointer;"  id="newTaskFinish" />
															</div>
														</td>
													</tr>
												</table>
											</td>
											<td background="/ag/tab/images/tab_16.gif" width="9">
												&nbsp;
										    </td>
										</tr>				
								</table>
							</td>	
						</tr>
				</table>
				</td>
				<td background="/ag/tab/images/tab_16.gif" width="9">
					
				</td>
				</tr>
				</tbody>
				</table>
				</td>
				</tr>
				<tr>
					<td height="29">
						<table border="0" cellspacing="0" cellpadding="0" width="98%">
							<tbody>
								<tr>
									<td height="30" width="15">
										<img src="/ag/tab/images/tab_20.gif" width="15" height="29" />
									</td>
									<td background="/ag/tab/images/tab_21.gif">
										<table border="0" cellspacing="0" cellpadding="0" width="100%">
											<tbody>
												<tr>
													<td height="29" nowrap="nowrap"
														background="/ag/tab/images/tab_21.gif">
														&nbsp;
													</td>
												</tr>
											</tbody>
										</table>
									</td>
									<td width="14">
										<img src="/ag/tab/images/tab_22.gif" width="14" height="29" />
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
				</tbody>
				</table>
				<p>&nbsp;</p>			
			</form>
		
		<!-- 弹出窗口的div -->
	<div class="demo" style="display:none;">
	
    <!-- 部门选择窗口 -->	
    <div id="deptChooseWindow">
        <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
			   align="center" style="background-color: #1177bd">
	          <tr> <td bgcolor="#ffffff">
	                <div id="DeptForm">
                              <table width="540" align="center">
                                 <tbody id="selectArea" >
							  <tr id='deptArea'>
								  <td align="left">
									   <span class="span_n" >请选择部门类型:</span>
									    <select id="deptType" class="deptType" ></select>
								  </td>
							   </tr>
							   <tr>
								  <td>
									 <div style="margin-top: 10px">
										<table width="480" align="center">
										<tr>
									  <td width="200" align="center"><span class="span_n" style="color: #960;">可选部门</span></td>
									  <td width="80" align="center" ></td>
									  <td width="200" align="center" ><span class="span_n" style="color: #960;">已选部门 </span></td>
									   </tr>
									   <tr>
									  <td width="200" height="200px" align="right">
										<select style="width:300;height:180" id="subDepts" name="all" size="6" multiple="multiple">
									    </select>
								      </td>
									  <td width="80" align="center" > 
									    <img id="addDept" src="wzp/images/arrow_right.gif" style="cursor: pointer;"/>
									    <br/><br/>
									    <img id="delDept" src="wzp/images/arrow_left.gif" style="cursor: pointer;"/>
								      </td>
									  <td width="200" height="200px" align="left" >
                                       <select style="width:300;height:180" id="selDepts" name="sel" size="6" multiple="multiple">
                                       </select>
								      </td>
									</tr>
									</table>
								    </div>
								  </td>
							      <td></td>   
							   </tr>
						 </tbody>
						 <tr class="trtab">
				          	<td align="center" colspan="2"> 
				          		<button id="selDeptOK" class="submit" >确定</button>
				          		<span style="padding-left:20">
				          		<button id="selDeptCancel" class="submit" >取消</button></span>
				          	</td>
				          </tr>
                            </table>
	                 </div>
	              </td>
	          </tr>	       
	    </table>
    </div>
	<!-- 角色选择窗口 -->	
    <div id="roleChooseWindow">
        <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
			   align="center" style="background-color: #1177bd">
	          <tr> <td bgcolor="#ffffff">
	               <div id="DeptForm">
                              <table width="540" align="center">
                                 <tbody >
							   <tr>
								  <td>
									 <div style="margin-top: 10px">
										<table width="480" align="center">
										<tr>
									  <td width="200" align="center"><span class="span_n" style="color: #960;">可选角色</span></td>
									  <td width="80" align="center" ></td>
									  <td width="200" align="center" ><span class="span_n" style="color: #960;">已选角色 </span></td>
									   </tr>
									   <tr>
									  <td width="200" height="200px" align="right">
										<select style="width:300;height:180" id="subRoles" name="all" size="6" multiple="multiple">
									    </select>
								      </td>
									  <td width="80" align="center" > 
									    <img id="addRole" src="wzp/images/arrow_right.gif" style="cursor: pointer;"/>
									    <br/><br/>
									    <img id="delRole" src="wzp/images/arrow_left.gif" style="cursor: pointer;"/>
								      </td>
									  <td width="200" height="200px" align="left" >
                                       <select style="width:300;height:180" id="selRoles" name="sel" size="6" multiple="multiple">
                                       </select>
								      </td>
									</tr>
									</table>
								    </div>
								  </td>
							      <td></td>   
							   </tr>
						 </tbody>
						 <tr class="trtab">
				          	<td align="center" colspan="2"> 
				          		<button id="selRoleOK" class="submit" >确定</button>
				          		<span style="padding-left:20">
				          		<button id="selRoleCancel" class="submit" >取消</button></span>
				          	</td>
				          </tr>
                            </table>
                      </div>
	              </td>
	          </tr>	       
	    </table>
    </div>
    <div id="dialog-message" title="操作结果" style="display:none"> 
	 
		<div id="message" style="padding-top:15"> 
		</div> 
	</div> 
	</div>
	<!-- 弹出窗口的end -->
	</body>
	
	<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css" rel="stylesheet" />
	<link type="text/css" href="/ag/css/dialog/demos.css" rel="stylesheet" />
	<!-- JQuery的UI插件库 -->
	<script type="text/javascript" src="/ag/css/dialog/jquery.bgiframe-2.1.1.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.core.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.button.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.position.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.resizable.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.effects.core.js"></script>
	<script type="text/javascript" src="/ag/js/accrodin//jquery.ui.accordion.js"></script>
</html>
